@charset "utf-8";
/* CSS Document */

.banner{width: 100%; height: 505px;}
.fixBtn { display:none; }

.indexNavigation { width: 100%; display: flex; justify-content:space-around; margin-top: 3rem; }
.indexNavigation a { display:block; width:100%; }
.indexNavigation dl {width: 93%;border: 1px solid #eee; border-right:none; text-align: center;padding:2rem 0.5rem 0 0.5rem;transition:0.3s;}
.indexNavigation dl:hover { background-color: #073190; color: #fff; position: relative; top: -1rem;transition:0.3s;}
.indexNavigation dl:hover font {color: #fff; }
.indexNavigation dl:hover dd:nth-child(2){ border-bottom: 1px dotted #eee; }
.indexNavigation dl:hover dd:nth-child(3) font:nth-child(1),.indexNavigation dl:hover dd:nth-child(3) font:nth-child(2) {display: inline;}
.indexNavigation dl:hover dd:nth-child(3) font:nth-child(3) { display: none;}

.indexNavigation a:nth-child(2):hover dl{  background-color: #83C582; }
.indexNavigation a:nth-child(3):hover dl{  background-color: #DBB1D2; }
.indexNavigation a:nth-child(4):hover dl{  background-color: #F3B45D; }
.indexNavigation a:nth-child(5):hover dl{  background-color: #17B7ED; }

.indexNavigation a:last-child dl{ border-right:1px solid #eee;}
.indexNavigation a dl dt {height: 9rem; }
.indexNavigation a:nth-child(1) dl dt{background:url(/static/images/hover_nav_icon1.png) no-repeat center center;}
.indexNavigation a:nth-child(2) dl dt{background:url(/static/images/nav_icon2.png) no-repeat center center;}
.indexNavigation a:nth-child(3) dl dt{background:url(/static/images/nav_icon3.png) no-repeat center center;}
.indexNavigation a:nth-child(4) dl dt{background:url(/static/images/nav_icon4.png) no-repeat center center;}
.indexNavigation a:nth-child(5) dl dt{background:url(/static/images/nav_icon5.png) no-repeat center center;}
.indexNavigation a dl dd:nth-child(2){  width:100%; height: 3rem; ;border-bottom: 1px dotted #ccc;}
.indexNavigation a dl dd:nth-child(3){ text-align: center; width:100%; height:3.4rem; }
.indexNavigation a dl dd:nth-child(3) span{ padding-top:1rem; display:block;  }
.indexNavigation a dl dd:nth-child(3) font:nth-child(1) {  width:4rem; height: 2rem; font-size: 0.7rem; margin: 0 auto; display: none; }
.indexNavigation a dl dd:nth-child(3) font:nth-child(2) { color: #fff; padding-right: 1rem;background:url(/static/images/other_icon3.png) no-repeat  center 0.4rem;display: none;  }
.indexNavigation a dl dd:nth-child(3) font:nth-child(3) { color: #fff; padding-right: 1rem;background:url(/static/images/other_icon2.png) no-repeat  center 0.4rem; }

.mainNews { height: auto ;width: 100%; margin:3rem 0 5rem 0; float:left; }
.mainNews dd:nth-child(3) a{font-size: 1.3rem; color: #073190; font-weight: bolder;}

.mainNewsBox { width: 56%;float: left; height: auto; margin-right: 4%; }
.mainNewsBody { width:100%; height:auto; display:none;  }
.mainNewsBox .mainNewsBody:nth-child(2){ display:block; }
.mainNewsTitle { height: 2rem; line-height: 2rem; font-size:0.9rem; padding:0.5rem 0; background-color: #f5f5f5; }
/*.mainNewsTitle span { background:url(/static/images/other_icon1.png) no-repeat  2em center;  padding-left: 3.5rem; color:#000;}*/
.mainNewsBox .mainNewsTitle { padding-left:1.5rem; background:url(/static/images/other_icon1.png) no-repeat  2em center; background-color: #f5f5f5;  }
.mainNewsBox .mainNewsTitle span {margin-left: 2rem; color:#000; cursor:pointer; }
.mainNewsBox .mainNewsTitle span.on { color:#073190; font-weight:bolder; border-bottom:1px solid #073190; padding-bottom:0.8rem;  }
.mainNewsTitle span#micon{ background:url(/static/images/other_icon8.png) no-repeat 2em center; }
.mainNewsTitle a{ display:block; width:4rem; height:2rem; float:right; color:#999; text-align:center; }

/*.mainNewsBoxTop dl { width:98%; float: left; padding: 1.1rem 0; padding-left:2%;   }
.mainNewsBoxTop dl dt {  width:10%; float: left; font-size: 0.6rem; text-align:center; }
.mainNewsBoxTop dl dd {  width:42%; float: left; margin-left: 3%;}
.mainNewsBoxTop dl dd{
	display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.mainNewsBoxTop dl dd:nth-child(3){
	font-size: 0.8rem;color: #666;
}
.mainNewsBoxTop dl:hover {background-color: #f5f5f5; }
.mainNewsBoxTop dl:hover dt,.mainNewsBox dl:hover a { color:#073190; }


.mainNewsBoxTop { padding: 1rem 0; border-bottom:1px solid #F5F5F5; float:left; }
.mainNewsBoxTop dt {  }
.mainNewsBoxTop dt span{ display: block;  width: 4rem; height: 3.2rem; text-align: center; background-color:#f5f5f5;padding:0.7rem 0 0 0; float:right; line-height:1.4rem; }
.mainNewsBoxTop span font { display: block; }
.mainNewsBoxTop span font:nth-child(1){ font-size: 1rem; }
.mainNewsBoxTop dl dd{margin-left: 0; }
.mainNewsBoxTop dd:nth-child(2){ margin:0 3%; overflow:hidden;  }
.mainNewsBoxTop dd:nth-child(2) span { display:block; width:95%; height:11rem; overflow:hidden; margin:0 auto; }
.mainNewsBoxTop dd:nth-child(2) span img { width:100%; }
.mainNewsBox .mainNewsBoxTop dl {   }
.mainNewsBox .mainNewsBoxTop dl dd:nth-child(3){ font-size:1rem; color:#073190; font-weight:bolder;}
.mainNewsBoxTop dd:nth-child(4){font-size: 0.9rem;  color: #666;-webkit-line-clamp: 3; padding-top: 0.8rem;}
.mainNewsBoxTop dd:nth-child(5){ text-align: right;padding-top: 1.6rem; float: left;}
.mainNewsBoxTop dd:nth-child(5) a{ width: 4.4rem;  text-align: center; background-color: #073190;padding: 0.2rem;color: #fff;font-size: 0.8rem;   border-radius: 0.5rem; padding: 0.1rem 0.5rem; display: none;  margin-right:2rem; }
.mainNewsBoxTop dl:hover dd:nth-child(5) a{ display:inline;}*/
.mainNewsBoxTop { width:100%; float:left; height:auto; border-bottom:1px solid #f5f5f5;padding:1.3rem 0; }
.mainNewsBoxTop  dl {  width:100%; height:12.9rem; overflow:hidden; }
.mainNewsBoxTop dt { width:40%; float:left; padding-right:3%;   }
.mainNewsBoxTop dt span { display:block; width:100%; height:100%; overflow:hidden;   }
.mainNewsBoxTop dt span img { width:100%; display:block; }
.mainNewsBoxTop dd { width:57%; float:left;  }
.mainNewsBoxTop dd:nth-child(2){ font-size:1rem; color:#073190; font-weight:bolder; padding-bottom:0.8em;line-height:1em;  }
.mainNewsBoxTop dd:nth-child(3){ height:10rem;   }
.mainNewsBoxTop dd:nth-child(3) span{ font-size:0.8rem; color:#333;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;   }
.mainNewsBoxTop dd:nth-child(4)  { text-align:right; line-height:1em;}
.mainNewsBoxTop dd:nth-child(4) span{padding-left:1.5em;color:#999; font-size:0.8rem;   }



.mainNewsList { float:left; width:100%; }
.mainNewsList dl { width:100%; margin-top:1rem; float:left;  }
.mainNewsList dt,.mainNewsList dd { float:left; }
.mainNewsList dt { width:65%;float:left;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; }
.mainNewsList dl dt a { font-size:1rem; padding-left:0.8em; background:url(/static/images/icon_menu.png) no-repeat left center; }
.mainNewsList dl dd { width:35%; float:left; text-align:right; }
.mainNewsList dl dd span {padding-left:1.5em; color:#999; font-size:0.8rem;   }



.mainNewsMedia { width: 40%; float: left; height: auto;}
.mainNewsMedia  .mainNewsTitle span { background:url(/static/images/other_icon1.png) no-repeat  2em center;  padding-left: 3.5rem; color:#000;}

.mainNewsMedia dt{
	width: 100%;
	height: 100%;
	position: relative;
	margin-top:1.5rem;
	overflow:hidden;
	height:22.7rem;
	overflow:hidden;
}
.mainNewsMedia dt a:nth-child(1){
	display: block; width: 100%; height: 100%;overflow: hidden;
}
.mainNewsMedia dt  img {  width: 100%;display:block }
.mainNewsMedia dt a:nth-child(2)
{ background: url(/static/images/icon_play.png) no-repeat center center ;
	display: block; width: 3rem; height: 3rem; position: absolute;left:  calc(50% - (3rem / 2));top:-50%;z-index: 2; transition:0.3s; ;
}

.mainNewsMedia dt a:nth-child(3)
{
	display: block; position: absolute;
	width:100%; height:100%; background-color:#073190; top:0; opacity:0.3;
	top:-100%; transition:0.3s;
}
.mainNewsMedia:hover dt a:nth-child(2)
{ background: url(/static/images/icon_play.png) no-repeat center center ;
	display: block; width: 3rem; height: 3rem; position: absolute;left:  calc(50% - (3rem / 2));top:  calc(50% - (3rem / 2));z-index: 2;transition:0.3s;;
}
.mainNewsMedia:hover a:nth-child(3) { top:0; transition:0.3s; }

.mainNewsMedia dd:nth-child(2) {font-size: 1.4rem; color: 000; font-weight: bolder;overflow: hidden; line-height:3.4rem; padding-top:0.3rem;
text-overflow:ellipsis;
white-space: nowrap; }
.mainNewsMedia dd:nth-child(3){ color: #999; font-size: 0.8rem; } 

